<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*页面加载完成事件*/
        onload=function(){
            d1.innerText='测试文本';
        }
    </script>
</head>
<body>
<div id="d1"></div>
<select id="s1" onchange="changefn()">
    <option >请选择</option>
    <option value="beijing">北京</option>
    <option >上海</option>
    <option >广州</option>
</select>
<!--onblur失去焦点事件 可以理解为编辑完成的时间点-->
<input type="text" id="i1"onblur="blurfn()">
<script>
    function blurfn() {
        /*把文本框的值给到div*/
        d1.innerText=i1.value
    }
    /*当值发生改变时执行此方法*/
    function changefn() {
        /*取出下拉的值 给到div*/
        d1.innerText=s1.value;
    }
</script>
</body>
</html>